<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<title>demo</title>
    <!-- 框架相关 -->
	<link rel="stylesheet" href="sui/css/sm.min.css">
	<link rel="stylesheet" href="sui/css/sm-extend.css">
</head>

<body>
	<div class="page-group">
		<div class="page index-page">
			<header class="bar bar-nav">
				<h1 class="title">demo</h1>
			</header>
			<div class="content">
				<a class="popup-link">click me!</a>
			</div>
		</div>

		<div id="qrcodePopup" class="popup">
			<header class="bar bar-nav">
				<button class="button button-link button-nav pull-right close-popup">close</button>
				<h1 class="title">扫码</h1>
			</header>
			<div class="content text-center">
				<div id="qrcodeContainer" style="display: inline-block;margin-top: 2.5rem;"></div>
			</div>
		</div>
	</div>
	<!-- 框架相关 -->
	<script type="text/javascript" src="zepto/zepto.js"></script>
	<script type="text/javascript" src="sui/js/sm.min.js"></script>
	<script type="text/javascript" src="sui/js/sm-extend.min.js"></script>
	<script type="text/javascript" src="qrcode.min.js"></script>
	<!-- 通用公共 -->
    <script type="text/javascript" src="modules.js"></script>
    <!-- 业务逻辑 -->
	<script type="text/javascript" src="app.js"></script>
</body>

</html>